<template>
  <div class='particles-js-box'>
    <div id='particles-js'></div>
  </div>
</template>

<script>
import particlesJs from 'particles.js'
import particlesConfig from './particles.json'

export default {
  data () {
    return {}
  },
  mounted () {
    this.init()
  },
  methods: {
    init () {
      particlesJS('particles-js', particlesConfig)
      document.body.style.overflow = 'hidden'
    }
  }
}
</script>

<style scoped>
.particles-js-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#particles-js {
  background-color: #2d3a4b;
  width: 100%;
  height: 100%;
}
</style>
